<ion-header>
  <ion-toolbar>
    <ion-buttons left>
      <button ion-button icon-left (click)="navBack()">
        <ion-icon class="nav-back" name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>{{"hstTitle" | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-list-header>
      <div class="title-box">
        <img src="../../assets/imgs/telbook.png">
      </div>
      <div style="position:absolute;z-indent:1;left:60px;top:150px;">
        添加号码，可在设备上顺序拨打已添加号码
      </div>
      <div style="position:absolute;z-indent:1;left:60px;top:170px;">
        最多可添加15个号码，电话未接通将顺序拨打下一号码
      </div>
    </ion-list-header>

    <ion-list>
     <ion-item *ngFor="let phone of allphones">
        <ion-badge item-start>{{phone.index}}</ion-badge>
        <ion-label>{{phone.name}}</ion-label>
        <div item-end>{{phone.phone}}</div>
        <button ion-button clear item-end>
          <ion-badge item-start (click)="phoneedit(phone)">....</ion-badge>
        </button>
      </ion-item>
    </ion-list>
    <button ion-item (click)="nav2edit(100)">
      <ion-label color="hushitong">添加号码</ion-label>
    </button>
  </ion-list>
</ion-content>
